File: /home4/narrativ/www/wp-content/plugins/elementor/assets/js/packages/editor-panels/editor-panels.js
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./packages/packages/core/editor-panels/src/api.ts":
/*!*********************************************************!*\
!*** ./packages/packages/core/editor-panels/src/api.ts ***!
\*********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ createPanel: function() { return /* binding */ createPanel; },
/* harmony export */ registerPanel: function() { return /* binding */ registerPanel; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _location__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./location */ "./packages/packages/core/editor-panels/src/location.ts");
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-panels/src/store/index.ts");
/* harmony import */ var _sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sync */ "./packages/packages/core/editor-panels/src/sync.ts");
function createPanel({
id,
component,
onOpen,
onClose,
allowedEditModes,
blockOnKitRoutes,
isOpenPreviousElement = false
}) {
const usePanelStatus = createUseStatus(id, {
allowedEditModes,
blockOnKitRoutes
});
const usePanelActions = createUseActions(id, usePanelStatus, {
onOpen,
onClose
}, isOpenPreviousElement);
return {
panel: {
id,
component
},
usePanelStatus,
usePanelActions
};
}
function registerPanel({
id,
component
}) {
(0,_location__WEBPACK_IMPORTED_MODULE_2__.injectIntoPanels)({
id,
component
});
}
function createUseStatus(id, options = {}) {
return () => {
const openPanelId = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_3__.selectOpenId);
const v1PanelStatus = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateUseRouteStatus)(_sync__WEBPACK_IMPORTED_MODULE_4__.V2_PANEL, options);
return {
isOpen: openPanelId === id && v1PanelStatus.isActive,
isBlocked: v1PanelStatus.isBlocked
};
};
}
function createUseActions(id, useStatus, options = {}, isOpenPreviousElement) {
let stateSnapshot = null;
let previousSelectedElement = null;
return () => {
const dispatch = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__useDispatch)();
const {
isBlocked
} = useStatus();
return {
open: async () => {
if (isBlocked) {
return;
}
if (isOpenPreviousElement) {
previousSelectedElement = window.elementor?.selection?.getElements?.()[0]?.model.get('id') ?? null;
}
dispatch(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.open(id));
stateSnapshot = options.onOpen?.() ?? null;
},
close: async () => {
if (isBlocked) {
return;
}
dispatch(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.close(id));
await options.onClose?.(stateSnapshot);
if (previousSelectedElement) {
try {
const container = window.elementor?.getContainer?.(previousSelectedElement);
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateRunCommand)('document/elements/select', {
container
});
} catch {}
previousSelectedElement = null;
}
}
};
};
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/index.ts":
/*!*******************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/index.ts ***!
\*******************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Panel: function() { return /* reexport safe */ _panel__WEBPACK_IMPORTED_MODULE_0__["default"]; },
/* harmony export */ PanelBody: function() { return /* reexport safe */ _panel_body__WEBPACK_IMPORTED_MODULE_3__["default"]; },
/* harmony export */ PanelFooter: function() { return /* reexport safe */ _panel_footer__WEBPACK_IMPORTED_MODULE_4__["default"]; },
/* harmony export */ PanelHeader: function() { return /* reexport safe */ _panel_header__WEBPACK_IMPORTED_MODULE_1__["default"]; },
/* harmony export */ PanelHeaderTitle: function() { return /* reexport safe */ _panel_header_title__WEBPACK_IMPORTED_MODULE_2__["default"]; }
/* harmony export */ });
/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./panel */ "./packages/packages/core/editor-panels/src/components/external/panel.tsx");
/* harmony import */ var _panel_header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./panel-header */ "./packages/packages/core/editor-panels/src/components/external/panel-header.tsx");
/* harmony import */ var _panel_header_title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel-header-title */ "./packages/packages/core/editor-panels/src/components/external/panel-header-title.tsx");
/* harmony import */ var _panel_body__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel-body */ "./packages/packages/core/editor-panels/src/components/external/panel-body.tsx");
/* harmony import */ var _panel_footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./panel-footer */ "./packages/packages/core/editor-panels/src/components/external/panel-footer.tsx");
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/panel-body.tsx":
/*!*************************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/panel-body.tsx ***!
\*************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ PanelBody; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function PanelBody({
children,
sx,
...props
}) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, _extends({
component: "main",
sx: {
overflowY: 'auto',
height: '100%',
...sx
}
}, props), children);
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/panel-footer.tsx":
/*!***************************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/panel-footer.tsx ***!
\***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ PanelFooter; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function PanelFooter({
children,
sx,
...props
}) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, _extends({
component: "footer",
sx: {
display: 'flex',
position: 'sticky',
bottom: 0,
px: 2,
py: 1.5
}
}, props), children));
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/panel-header-title.tsx":
/*!*********************************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/panel-header-title.tsx ***!
\*********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
// This is to override Editor reset.scss that overrides eui styles
const Typography = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography)(({
theme,
variant = 'body1'
}) => {
if (variant === 'inherit') {
return {};
}
return {
'&.MuiTypography-root': {
...theme.typography[variant]
}
};
});
const PanelHeaderTitle = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
children,
...props
}, ref) => {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Typography, _extends({
ref: ref,
component: "h2",
variant: "subtitle1"
}, props), children);
});
/* harmony default export */ __webpack_exports__["default"] = (PanelHeaderTitle);
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/panel-header.tsx":
/*!***************************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/panel-header.tsx ***!
\***************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ PanelHeader; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const Header = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box)(({
theme
}) => ({
height: theme?.spacing(6) || '48px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: theme?.spacing(0.5) || '4px'
}));
function PanelHeader({
children,
...props
}) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Header, _extends({
component: "header"
}, props), children));
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/external/panel.tsx":
/*!********************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/external/panel.tsx ***!
\********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ Panel; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function Panel({
children,
sx,
...props
}) {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Drawer, _extends({
open: true,
variant: "persistent",
anchor: "left",
PaperProps: {
sx: {
position: 'relative',
width: '100%',
bgcolor: 'background.default',
border: 'none'
}
},
sx: {
height: '100%',
...sx
}
}, props), children);
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/internal/panels.tsx":
/*!*********************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/internal/panels.tsx ***!
\*********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ Panels; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _hooks_use_open_panel_injection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/use-open-panel-injection */ "./packages/packages/core/editor-panels/src/hooks/use-open-panel-injection.ts");
/* harmony import */ var _portal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./portal */ "./packages/packages/core/editor-panels/src/components/internal/portal.tsx");
function Panels() {
const openPanel = (0,_hooks_use_open_panel_injection__WEBPACK_IMPORTED_MODULE_1__["default"])();
const Component = openPanel?.component ?? null;
if (!Component) {
return null;
}
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_portal__WEBPACK_IMPORTED_MODULE_2__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, null));
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/components/internal/portal.tsx":
/*!*********************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/components/internal/portal.tsx ***!
\*********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ Portal; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _sync__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../sync */ "./packages/packages/core/editor-panels/src/sync.ts");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function Portal(props) {
const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(_sync__WEBPACK_IMPORTED_MODULE_2__.getPortalContainer);
if (!containerRef.current) {
return null;
}
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Portal, _extends({
container: containerRef.current
}, props));
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/hooks/use-open-panel-injection.ts":
/*!************************************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/hooks/use-open-panel-injection.ts ***!
\************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ useOpenPanelInjection; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _location__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../location */ "./packages/packages/core/editor-panels/src/location.ts");
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store */ "./packages/packages/core/editor-panels/src/store/index.ts");
function useOpenPanelInjection() {
const injections = (0,_location__WEBPACK_IMPORTED_MODULE_2__.usePanelsInjections)();
const openId = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_3__.selectOpenId);
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => injections.find(injection => openId === injection.id), [injections, openId]);
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/init.ts":
/*!**********************************************************!*\
!*** ./packages/packages/core/editor-panels/src/init.ts ***!
\**********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ init: function() { return /* binding */ init; }
/* harmony export */ });
/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_internal_panels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/internal/panels */ "./packages/packages/core/editor-panels/src/components/internal/panels.tsx");
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-panels/src/store/index.ts");
/* harmony import */ var _sync__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sync */ "./packages/packages/core/editor-panels/src/sync.ts");
function init() {
(0,_sync__WEBPACK_IMPORTED_MODULE_4__.sync)();
(0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__registerSlice)(_store__WEBPACK_IMPORTED_MODULE_3__.slice);
(0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoTop)({
id: 'panels',
component: _components_internal_panels__WEBPACK_IMPORTED_MODULE_2__["default"]
});
}
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/location.ts":
/*!**************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/location.ts ***!
\**************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ injectIntoPanels: function() { return /* binding */ injectIntoPanels; },
/* harmony export */ usePanelsInjections: function() { return /* binding */ usePanelsInjections; }
/* harmony export */ });
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_0__);
const {
inject: injectIntoPanels,
useInjections: usePanelsInjections
} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_0__.createLocation)();
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/store/index.ts":
/*!*****************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/store/index.ts ***!
\*****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ selectOpenId: function() { return /* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_0__.selectOpenId; },
/* harmony export */ slice: function() { return /* reexport safe */ _slice__WEBPACK_IMPORTED_MODULE_1__["default"]; }
/* harmony export */ });
/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./selectors */ "./packages/packages/core/editor-panels/src/store/selectors.ts");
/* harmony import */ var _slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./slice */ "./packages/packages/core/editor-panels/src/store/slice.ts");
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/store/selectors.ts":
/*!*********************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/store/selectors.ts ***!
\*********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ selectOpenId: function() { return /* binding */ selectOpenId; }
/* harmony export */ });
const selectOpenId = state => state.panels.openId;
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/store/slice.ts":
/*!*****************************************************************!*\
!*** ./packages/packages/core/editor-panels/src/store/slice.ts ***!
\*****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__);
const initialState = {
openId: null
};
/* harmony default export */ __webpack_exports__["default"] = ((0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSlice)({
name: 'panels',
initialState,
reducers: {
open(state, action) {
state.openId = action.payload;
},
close(state, action) {
if (!action.payload || state.openId === action.payload) {
state.openId = null;
}
}
}
}));
/***/ }),
/***/ "./packages/packages/core/editor-panels/src/sync.ts":
/*!**********************************************************!*\
!*** ./packages/packages/core/editor-panels/src/sync.ts ***!
\**********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ V2_PANEL: function() { return /* binding */ V2_PANEL; },
/* harmony export */ getPortalContainer: function() { return /* binding */ getPortalContainer; },
/* harmony export */ sync: function() { return /* binding */ sync; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/store */ "@elementor/store");
/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-panels/src/store/index.ts");
const V2_PANEL = 'panel/v2';
function getPortalContainer() {
return document.querySelector('#elementor-panel-inner');
}
function sync() {
// Register the V2 panel route on panel init.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.windowEvent)('elementor/panel/init'), () => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateRegisterRoute)(V2_PANEL));
// On empty route open, hide V1 panel elements.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.routeOpenEvent)(V2_PANEL), () => {
getV1PanelElements().forEach(el => {
el.setAttribute('hidden', 'hidden');
el.setAttribute('inert', 'true');
});
});
// On empty route close, close the V2 panel.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.routeCloseEvent)(V2_PANEL), () => (0,_store__WEBPACK_IMPORTED_MODULE_2__.selectOpenId)((0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__getState)()) && (0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.slice.actions.close()));
// On empty route close, show V1 panel elements.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.routeCloseEvent)(V2_PANEL), () => {
getV1PanelElements().forEach(el => {
el.removeAttribute('hidden');
el.removeAttribute('inert');
});
});
// On V2 panel open, open the V2 panel route.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.windowEvent)('elementor/panel/init'), () => subscribe({
on: state => (0,_store__WEBPACK_IMPORTED_MODULE_2__.selectOpenId)(state),
when: ({
prev,
current
}) => !!(!prev && current),
// is panel opened
callback: () => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateOpenRoute)(V2_PANEL)
}));
// On V2 panel close, close the V2 panel route.
(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.windowEvent)('elementor/panel/init'), () => subscribe({
on: state => (0,_store__WEBPACK_IMPORTED_MODULE_2__.selectOpenId)(state),
when: ({
prev,
current
}) => !!(!current && prev),
// is panel closed
callback: () => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateIsRouteActive)(V2_PANEL) && (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateOpenRoute)(getDefaultRoute())
}));
}
function getV1PanelElements() {
const v1ElementsSelector = ['#elementor-panel-header-wrapper', '#elementor-panel-content-wrapper', '#elementor-panel-state-loading', '#elementor-panel-footer'].join(', ');
return document.querySelectorAll(v1ElementsSelector);
}
function getDefaultRoute() {
const defaultRoute = window?.elementor?.documents?.getCurrent?.()?.config?.panel?.default_route;
return defaultRoute || 'panel/elements/categories';
}
function subscribe({
on,
when,
callback
}) {
let prev;
(0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__subscribe)(() => {
const current = on((0,_elementor_store__WEBPACK_IMPORTED_MODULE_1__.__getState)());
if (when({
prev,
current
})) {
callback({
prev,
current
});
}
prev = current;
});
}
/***/ }),
/***/ "@elementor/editor":
/*!*****************************************!*\
!*** external ["elementorV2","editor"] ***!
\*****************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editor"];
/***/ }),
/***/ "@elementor/editor-v1-adapters":
/*!***************************************************!*\
!*** external ["elementorV2","editorV1Adapters"] ***!
\***************************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editorV1Adapters"];
/***/ }),
/***/ "@elementor/locations":
/*!********************************************!*\
!*** external ["elementorV2","locations"] ***!
\********************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["locations"];
/***/ }),
/***/ "@elementor/store":
/*!****************************************!*\
!*** external ["elementorV2","store"] ***!
\****************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["store"];
/***/ }),
/***/ "@elementor/ui":
/*!*************************************!*\
!*** external ["elementorV2","ui"] ***!
\*************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["ui"];
/***/ }),
/***/ "react":
/*!**************************!*\
!*** external ["React"] ***!
\**************************/
/***/ (function(module) {
module.exports = window["React"];
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ !function() {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function() { return module['default']; } :
/******/ function() { return module; };
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = function(exports, definition) {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ !function() {
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ }();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
!function() {
/*!***********************************************************!*\
!*** ./packages/packages/core/editor-panels/src/index.ts ***!
\***********************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Panel: function() { return /* reexport safe */ _components_external__WEBPACK_IMPORTED_MODULE_2__.Panel; },
/* harmony export */ PanelBody: function() { return /* reexport safe */ _components_external__WEBPACK_IMPORTED_MODULE_2__.PanelBody; },
/* harmony export */ PanelFooter: function() { return /* reexport safe */ _components_external__WEBPACK_IMPORTED_MODULE_2__.PanelFooter; },
/* harmony export */ PanelHeader: function() { return /* reexport safe */ _components_external__WEBPACK_IMPORTED_MODULE_2__.PanelHeader; },
/* harmony export */ PanelHeaderTitle: function() { return /* reexport safe */ _components_external__WEBPACK_IMPORTED_MODULE_2__.PanelHeaderTitle; },
/* harmony export */ __createPanel: function() { return /* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_1__.createPanel; },
/* harmony export */ __registerPanel: function() { return /* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_1__.registerPanel; },
/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; }
/* harmony export */ });
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-panels/src/init.ts");
/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api */ "./packages/packages/core/editor-panels/src/api.ts");
/* harmony import */ var _components_external__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/external */ "./packages/packages/core/editor-panels/src/components/external/index.ts");
}();
(window.elementorV2 = window.elementorV2 || {}).editorPanels = __webpack_exports__;
/******/ })()
;
window.elementorV2.editorPanels?.init?.();
//# sourceMappingURL=editor-panels.js.map